.login {
 /*基础样式*/
 max-width: 325px;
 padding: 30px 10px 20px;
 box-shadow: 5px 5px 20px #333;
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 10px;

 /*居中*/
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);

 /*动画效果*/
 animation-name: logingo;
 -webkit-animation-name: logingo;
 animation-duration: .6s;
 -webkit-animation-duration: .6s;
 animation-timing-function: ease-out;
 -webkit-animation-timing-function: ease-out;
 animation-delay: .01s;
 -webkit-animation-delay: .01s;
}

/*动画帧*/
@-webkit-keyframes logingo
{ from { top: 45%; opacity: 0; } to { top: 50%; opacity: 1; } }
@keyframes logingo
{ from { top: 45%; opacity: 0; } to { top: 50%; opacity: 1; } }




nav { box-shadow: 0 6px 10px #888;  }
.callout { padding: 10px; background-color: #f2f2f2; border-top: 1px solid #e2e2e2; }
.callout-left { border-left: 8px solid #0d759f; border-radius: 2px; }
.callout-white { background: radial-gradient(#f1f1f1, #ffffff 85%); }
.callout-title { font-size: 22px; }
legend { font-size: 16px; margin-bottom: 5px; }
.a-disabled { pointer-events: none; opacity: .65; }
.nav-page { width: 100%;border-radius: 0 0 10px 10px;min-height: 15px; margin-top: -35px; }
.copyright { padding:6px 0;background: #f8f8f8;position: fixed;bottom: 0; width: 100%;border-top: 1px solid #e2e2e2;border-radius: 10px; }



/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
 width: 6px;
 height: 6px;
 background-color: #f5f5f5;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
 border-radius: 10px;
 background-color: #f5f5f5;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
 /*width: 10px;*/
 height: 20px;
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
 background-color: #555;
}
